<template>
  <div class="share-dome">
    <TitleBar title="投票分享演示"></TitleBar>
    <div class="share-dome-main">
      <div class="share-dome-line border-bottom-1px"></div>
      <h1>如何在网站中进行投票分享？</h1>
      <p>1、移动端打开【品牌中网】>【立即投票】>【投票成功】，在【投票成功】弹窗中点击【点击复制】复制网址成功。</p>
      <div class="share-img-box">
        <img src="./assets/new-demo1.png" alt="">
      </div>
      <p>2、打开微信聊天工具，选择想要分享的人。在对话框长按【粘贴】然后发送就可以了。</p>
      <div class="share-img-box">
        <img src="./assets/new-demo2.png" alt="">
      </div>
    </div>
    <div class="share-remark">
      <h1>备注说明：</h1>
      <p>1、以上演示用户使用微信打开网站进行投票！</p>
      <p>2、点击“点击复制”，是将分享链接保存，发送给朋友直接粘贴即可。</p>
    </div>
  </div>
</template>

<script>
import TitleBar from '../../components/TitleBar'
export default {
  components: {
    TitleBar
  }
}
</script>

<style scoped lang="scss">
.share-dome-line {
  margin: 0 0.3rem;
}
.share-dome-main {
  width: 100%;
  padding: 0 0.3rem;
  background-color: #fff;
  h1 {
    font-size: 0.3rem;
    color: #444;
    padding: 0.38rem 0 0.4rem 0;
  }
  p {
    font-size: 0.28rem;
    color: #444;
    line-height: 0.4rem;
  }
  .share-img-box {
    width: 100%;
    padding: 0.3rem 0 0.7rem;
    img {
      width: 100%;
      height: auto;
    }
  }
}
.share-remark {
  width: 100%;
  padding: 0.3rem;
  h1 {
    font-size: 0.3rem;
    color: #333;
    padding-bottom: 0.4rem;
  }
  p {
    font-size: 0.28rem;
    color: #666;
    line-height: 0.5rem;
  }
}
</style>
